휘발유전국 평균
1,712원/L
▲+18.5원 (어제 대비)
06.05 기준
왜 비싼가, 세금은 얼마인가, 언제 내려가나
— 신뢰감 있게 설명하는 유가 정보 시스템
한국석유공사 오피넷 공공데이터 기반의 유가 구조·정책 권위 콘텐츠와 유류세 계산 도구를 위한 디자인 시스템. 데이터는 또렷하게, 도구는 친근하게, 장식은 최소로.
01
컬러 토큰
신뢰형 데이터 · 가독성 우선중립 · 서피스배경 / 본문 / 보더
브랜드프라이머리 / 액센트
가격 변동 시맨틱한국 관례 · 색만으로 정보 전달 금지
상승 ▲ +
#E5484D
하락 ▼ −
#2F6FED
변동없음
#5B6166
▲+18.5
▼−7.2
—0.0
반드시 ▲/▼ 아이콘과 +/− 부호를 색과 함께 병기 (색각 접근성)
상태색성공 / 경고 / 에러
성공
#2E9E5B
경고
#E0A800
에러
#D64545
02
타이포그래피
Pretendard · 숫자는 고정폭(tabular)스케일 (모바일 기준)본문 line-height 1.7
Display · 28유가, 한눈에
H1 · 24왜 이렇게 비쌀까
H2 · 20유류세 구조 살펴보기
H3 · 17셀프주유소 가격차
Body · 16휘발유 가격의 절반 이상은 세금으로 구성됩니다.
Caption · 13출처: 한국석유공사 오피넷 · 기준일 2026.06.05
가격 표기 규칙단위 작게 · 변동값 시맨틱
1,712.34원/L
단위(원/L)는 숫자보다 작게, 변동값은 색 + 아이콘 + 부호로.
1,712원/L
▲+18.5원
▲1.1%
고정폭 숫자로 자릿수가 흔들리지 않게 정렬됩니다 — 1,111 / 8,888 / 1,234,567
03
핵심 컴포넌트
11종 · 예시 렌더1가격 카드hover · 스파크라인 · 전일 대비
경유전국 평균
1,598원/L
▼−7.2원 (어제 대비)
06.05 기준
고급휘발유전국 평균
1,985원/L
—0.0원 (어제 대비)
06.05 기준
자동차 LPG전국 평균
1,043원/L
▼−3.1원 (어제 대비)
06.05 기준
출처: 한국석유공사 오피넷data.go.kr기준일 2026.06.05⟳ 3시간 전 갱신실제가와 차이 가능
2유류세 분해 위젯 (히어로 도구)인터랙티브 · 금액 입력 → 실시간 분해
유류세 계산기
내가 낸 기름값, 세금은 얼마였을까?
원
세전 정유가0원
교통·에너지·환경세0원
교육세 · 주행세0원
부가가치세 10%0원
유통 마진0원
당신이 낸 50,000원 중
세금은 22,900원 (45.8%) 입니다.
세금은 22,900원 (45.8%) 입니다.
※ 휘발유 기준 단순 추정. 교통세 정액(리터당)·세율은 시점에 따라 달라질 수 있습니다.
3가격 추세 차트기간 토글 · 상승·하락 구간 시맨틱
전국 휘발유 평균
▲ 상승 구간
▼ 하락 구간
최근 7일 · 단위 원/L
4지역 비교 바 · 테이블전국 평균 기준선
| 지역 | 휘발유 | 경유 | 전일 대비 |
|---|---|---|---|
| 서울 | 1,802 | 1,689 | ▲+12 |
| 부산 | 1,724 | 1,601 | ▼−5 |
| 대구 | 1,668 | 1,572 | —0 |
| 전국 | 1,712 | 1,598 | ▲+3 |
5조건부 섹션 배너사실 진술만 · 평가어 금지
“비싸다 / 바가지” 같은 평가어 대신 +○○원 / 상위 ○○% 사실만 진술.
6페르소나 코멘터리 박스친근한 톤 · AI 보조 고지
🚗
주말 운전자 민수
출퇴근 왕복 60km
세금이 절반이라니… 그래도 셀프주유소만 잘 골라도 한 달에 2~3만원은 아끼겠더라고요.
ⓘ 일부 콘텐츠는 AI 작성 보조를 사용했습니다.
7출처 · 면책 배지가격 표기 바로 옆에 노출
1,712원/L
▲+18.5
출처: 한국석유공사 오피넷data.go.kr기준일 2026.06.05⟳ 3시간 전 갱신실제가와 차이 가능
푸터가 아니라 데이터 인접 위치에 두어 신뢰를 즉시 전달.
8FAQ 아코디언한 문장 답형 · AI 인용 최적화
휘발유 소비자가격의 약 45~50%가 세금(교통·에너지·환경세, 교육세, 주행세, 부가세)으로 구성됩니다.
정부 고시 시행일부터 적용되며, 주유소 재고 소진 시차로 실제 가격 반영까지 1~2주가 걸릴 수 있습니다.
인건비 절감분이 가격에 반영되어 일반 주유소보다 리터당 30~80원가량 낮은 경우가 많습니다.
9내부 링크 카드허브 → 스포크 클러스터
10애드센스 슬롯 플레이스홀더광고 라벨 · 분리선으로 콘텐츠와 구분
광고 · AD상단 리더보드 · 728×90 / 반응형
광고 · AD본문 중간 인피드 · 300×250
광고 · AD하단 앵커 · 320×50
콘텐츠와 시각적으로 명확히 구분: 점선 테두리 · “광고” 라벨 · 충분한 여백.
11브레드크럼 · 허브 그리드 · 헤더/푸터출처·AI·가공물 고지 포함
04
조합 예시 — 두 폭
모바일 360 · 데스크톱 1280모바일 · 360px
데스크톱 · 1280px (축소 표시)